<html>
<head>
<title>聊天记录</title>
<include file="SPGPub:header" />

<style type="text/css">
.bottom_div{
padding: 10px 0px;;
}
.bottom_div table{
width: 100%;
text-align: center;
}
.bottom_div table img{
width: 50px;
}
</style>

</head>

<body>
	<header class="titlebar">
		<a href="{cms>:U('Spgclub/index')}">返回</a>
		<h1>聊天记录详情</h1>
	</header>
	
	<div class="chat_container">
	
		<div id="chat_box" class="chatbox" style="height: 380px;overflow-y:auto; ">
			
			<volist name="models" id="model">
			<div <if condition="$model['sid'] eq $toid">class="chatbox_other"<else />class="chatbox_my"</if> >
				<if condition="$model['sid'] eq $toid"><img src="{cms>$sub.headimgurl}"><else /><img src="{cms>:STATICS}/u20.png"></if>
				<P>{cms>$model.msg}</P>
			</div>
			</volist>
			
		</div>
		
		<div class="bottom_div">
			<table>
				<tr>
					<td style="width: 24%;text-align: right;"><a href="{cms>:U('Spgclub/chatRecordDetail',array('toid'=>$toid,'page'=>1))}"><img src="{cms>:RES}/images/spg/fp.png"></a></td>
					<td style="width: 24%;"><a href="{cms>:U('Spgclub/chatRecordDetail',array('toid'=>$toid,'page'=>$page-1))}"><img src="{cms>:RES}/images/spg/pp.png"></a></td>
					<td style="width: 24%;"><a href="{cms>:U('Spgclub/chatRecordDetail',array('toid'=>$toid,'page'=>$page+1))}"><img src="{cms>:RES}/images/spg/np.png"></a></td>
					<td style="width: 24%;text-align: left;""><a href="{cms>:U('Spgclub/chatRecordDetail',array('toid'=>$toid,'page'=>$totalPage))}"><img src="{cms>:RES}/images/spg/lp.png"></a></td>
				</tr>
			</table>
		</div>
		
	</div>
	
	<include file="SPGPub:footer" />
	
</body>
</html>
